<template>
  <div class="audition121">
    <h3><strong>flex: 1;</strong></h3>
    <p>相当于：</p>
    <code class="code">
      flex-grow: 1; // 放大比例<br />
      flex-shrink: 1; // 缩小比例<br />
      flex-basis: 0%; // 初始宽度
    </code>
    <p>----------------------------------</p>
    <h3><strong>flex: auto;</strong></h3>
    <p>相当于：</p>
    <code class="code">
      flex-grow: 1; // 放大比例<br />
      flex-shrink: 1; // 缩小比例<br />
      flex-basis: auto; // 初始宽度
    </code>
    <p>-----------------------------------</p>
    <p>关于flex:1和flex: auto的区别，</p>
    <p>推荐阅读： <a href="https://blog.csdn.net/weixin_39808181/article/details/114102051" target="_blank">flex:1和flex:auto的区别</a></p>
  </div>
</template>

<script>
export default {
  name: 'Audition121'
}
</script>

<style>

</style>